import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

import 'amfe-flexible'
// 导入 Lazyload 指令
import Vant, {
  Lazyload
} from 'vant'
// import 'vant/lib/index.css'
// 这里要把 .css 后缀名改为 .less
import 'vant/lib/index.less'
// 导入 dayjs
import dayjs from 'dayjs'
// 导入计算相对时间的插件
import relativeTime from 'dayjs/plugin/relativeTime'
// 导入中文语言包
import zh from 'dayjs/locale/zh-cn'
// import './index.less'
// 关掉 控制台中的'请使用production版本的vue'的提示
Vue.config.productionTip = false
Vue.use(Vant)
// 将Lazyload注册为全局可用的指令
Vue.use(Lazyload)
// 配置“计算相对时间”的插件
dayjs.extend(relativeTime)
// 配置中文语言包
dayjs.locale(zh)
// 定义格式化时间的全局过滤器
Vue.filter('dateFormat', dt => {
  // 调用 dayjs() 得到的是当前的时间
  // .to() 方法的返回值，是计算出来的“相对时间”
  return dayjs().to(dt)
})

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
